<template name="skeleton">
	<view class="sk-container">
		<view class="homePage homePage data-v-4978fed5 data-v-4978fed5">
			<view class="swiperBox swiperBox data-v-4978fed5 data-v-4978fed5">
				<view is="components/headerSwiper" class="data-v-4978fed5 data-v-4978fed5">
					<view class="header headerSwiper--header">
						<swiper class="swiper headerSwiper--swiper" :current="0" :duration="1000" :interval="3000"
							style="height:651px" autoplay="false">
							<swiper-item
								style="position: absolute; width: 100%; height: 100%; transform: translate(0%, 0px) translateZ(0px);">
								<image class="swiper-item headerSwiper--swiper-item sk-image" mode="aspectFill"></image>
							</swiper-item>
						</swiper>
						<view class="dots headerSwiper--dots">
							<view class="dot headerSwiper--dot active headerSwiper--active"></view>
							<view class="dot headerSwiper--dot"></view>
							<view class="dot headerSwiper--dot"></view>
							<view class="dot headerSwiper--dot"></view>
						</view>
					</view>
				</view>
			</view>
			<view class="content content data-v-4978fed5 data-v-4978fed5">
				<view is="pages/home/components/LoopCard" class="data-v-4978fed5 data-v-4978fed5">
					<view class="LoopBox LoopCard--LoopBox data-v-bd955d8d LoopCard--data-v-bd955d8d">
						<view class="LoopTitle LoopCard--LoopTitle data-v-bd955d8d LoopCard--data-v-bd955d8d">
							<text
								class="data-v-bd955d8d LoopCard--data-v-bd955d8d sk-transparent sk-text-14-2857-954 sk-text">西望环线</text>
							<view class="right LoopCard--right data-v-bd955d8d LoopCard--data-v-bd955d8d">
								<text
									class="data-v-bd955d8d LoopCard--data-v-bd955d8d sk-transparent sk-text-14-2857-362 sk-text">更多</text>
							</view>
						</view>
						<view class="LoopCard LoopCard--LoopCard data-v-bd955d8d LoopCard--data-v-bd955d8d">
							<text
								class="data-v-bd955d8d LoopCard--data-v-bd955d8d sk-transparent sk-text-14-2857-951 sk-text">香格里拉环线</text>
							<image class="data-v-bd955d8d LoopCard--data-v-bd955d8d sk-image" mode="aspectFill"></image>
						</view>
						<view class="LoopCard LoopCard--LoopCard data-v-bd955d8d LoopCard--data-v-bd955d8d">
							<text
								class="data-v-bd955d8d LoopCard--data-v-bd955d8d sk-transparent sk-text-14-2857-222 sk-text">川西大环线</text>
							<image class="data-v-bd955d8d LoopCard--data-v-bd955d8d sk-image" mode="aspectFill"></image>
						</view>
						<view class="LoopCard LoopCard--LoopCard data-v-bd955d8d LoopCard--data-v-bd955d8d">
							<text
								class="data-v-bd955d8d LoopCard--data-v-bd955d8d sk-transparent sk-text-14-2857-977 sk-text">九寨沟环线</text>
							<image class="data-v-bd955d8d LoopCard--data-v-bd955d8d sk-image" mode="aspectFill"></image>
						</view>
						<view class="LoopCard LoopCard--LoopCard data-v-bd955d8d LoopCard--data-v-bd955d8d">
							<text
								class="data-v-bd955d8d LoopCard--data-v-bd955d8d sk-transparent sk-text-14-2857-610 sk-text">稻城环线</text>
							<image class="data-v-bd955d8d LoopCard--data-v-bd955d8d sk-image" mode="aspectFill"></image>
						</view>
					</view>
				</view>
				<view is="pages/home/components/LookWest" class="data-v-4978fed5 data-v-4978fed5">
					<view class="LookWest LookWest--LookWest data-v-45bca0c0 LookWest--data-v-45bca0c0">
						<image class="data-v-45bca0c0 LookWest--data-v-45bca0c0 sk-image" mode="true"></image>
						<text
							class="data-v-45bca0c0 LookWest--data-v-45bca0c0 sk-transparent sk-text-14-2857-769 sk-text">什么是西望</text>
					</view>
				</view>
				<view is="pages/home/components/ExploreMore" class="data-v-4978fed5 data-v-4978fed5">
					<view class="ExploreMore ExploreMore--ExploreMore data-v-9582a7c6 ExploreMore--data-v-9582a7c6">
						<text
							class="title ExploreMore--title data-v-9582a7c6 ExploreMore--data-v-9582a7c6 sk-transparent sk-text-14-2857-373 sk-text">探索更多</text>
						<view
							class="ExploreMoreCard ExploreMore--ExploreMoreCard data-v-9582a7c6 ExploreMore--data-v-9582a7c6">
							<image class="data-v-9582a7c6 ExploreMore--data-v-9582a7c6 sk-image" mode="aspectFill">
							</image>
							<view class="content ExploreMore--content data-v-9582a7c6 ExploreMore--data-v-9582a7c6">
								<text
									class="place ExploreMore--place data-v-9582a7c6 ExploreMore--data-v-9582a7c6 sk-transparent sk-text-14-2857-833 sk-text">川西</text>
								<text
									class="introduce ExploreMore--introduce data-v-9582a7c6 ExploreMore--data-v-9582a7c6 sk-transparent sk-text-14-2857-936 sk-text">私人定制品牌活动</text>
								<view class="but ExploreMore--but data-v-9582a7c6 ExploreMore--data-v-9582a7c6">
									<text
										class="data-v-9582a7c6 ExploreMore--data-v-9582a7c6 sk-transparent sk-text-14-2857-930 sk-text">查看详情</text>
									<image class="data-v-9582a7c6 ExploreMore--data-v-9582a7c6 sk-image" mode="true">
									</image>
								</view>
							</view>
						</view>
					</view>
				</view>
			</view>

		</view>
	</view>
</template>
<style>
	.sk-transparent {
		color: transparent !important;
	}

	.sk-text-14-2857-954 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 48.8372rpx;
		position: relative !important;
	}

	.sk-text {
		background-origin: content-box !important;
		background-clip: content-box !important;
		background-color: transparent !important;
		color: transparent !important;
		background-repeat: repeat-y !important;
	}

	.sk-text-14-2857-362 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 39.0698rpx;
		position: relative !important;
	}

	.sk-text-14-2857-951 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 53.7209rpx;
		position: absolute !important;
	}

	.sk-text-14-2857-222 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 53.7209rpx;
		position: absolute !important;
	}

	.sk-text-14-2857-977 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 53.7209rpx;
		position: absolute !important;
	}

	.sk-text-14-2857-610 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 53.7209rpx;
		position: absolute !important;
	}

	.sk-text-14-2857-769 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 53.7209rpx;
		position: relative !important;
	}

	.sk-text-14-2857-373 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 48.8372rpx;
		position: relative !important;
	}

	.sk-text-14-2857-833 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 48.8372rpx;
		position: relative !important;
	}

	.sk-text-14-2857-936 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 65.9302rpx;
		position: relative !important;
	}

	.sk-text-14-2857-930 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 26.8605rpx;
		position: relative !important;
	}

	.sk-text-14-2857-9 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 29.3023rpx;
		position: relative !important;
	}

	.sk-text-14-2857-683 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 29.3023rpx;
		position: relative !important;
	}

	.sk-text-14-2857-439 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 29.3023rpx;
		position: relative !important;
	}

	.sk-text-14-2857-918 {
		background-image: linear-gradient(transparent 14.2857%, #EEEEEE 0%, #EEEEEE 85.7143%, transparent 0%) !important;
		background-size: 100% 29.3023rpx;
		position: relative !important;
	}

	.sk-image {
		background: #EFEFEF !important;
	}

	.sk-container {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		background-color: transparent;
	}
</style>